<!--  -->
<template>
  <div class="dialog">
    <div class="title">
      <slot name="title"></slot>
    </div>
    <div class="tip">
      <slot name="tip"></slot>
    </div>
    <div class="content">
      <slot name="content"></slot>
    </div>
    <div class="handle">
      <slot name="handle"></slot>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  //方法集合
  methods: {},
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {}
};
</script>
<style lang='scss' scoped>
.dialog {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 9.33rem /* 700/75 */;
  padding: 0.53rem /* 40/75 */ 0.27rem /* 20/75 */;
  background: #ffffff;
  .title {
    font-size: 0.4rem /* 30/75 */;
    color: $baseColor;
    text-align: center;
    margin-bottom: 0.24rem /* 18/75 */;
  }
  .tip {
    text-indent: 2em;
    line-height: 1.6;
    font-size: 0.37rem /* 28/75 */;
    margin-bottom: 0.24rem /* 18/75 */;
  }
  .content {
    flex: auto;
  }
}
</style>